<style>
  #warehouseHouse-see {
    padding: 20px 25px 25px 0;
  }

  #warehouseHouse-see .layui-treeSelect .ztree li a, .ztree li span {
    margin: 0 0 2px 3px !important;
  }
</style>
<div class="layui-fluid" id="warehouseHouse-see">
  <div class="layui-form" style="margin: 10px 10px 10px 10px">
    <table class="layui-table" lay-skin="line">
      <colgroup>
        <col width="150">
        <col width="150">
        <col width="200">
        <col>
      </colgroup>
      <thead>
      <tr>
        <th>仓库名称</th>
        <th>图书名称</th>
        <th>图书类型</th>
        <th>出版社</th>
        <th>单价</th>
        <th>数量</th>
      </tr>
      </thead>
      <tbody id="wareData"></tbody>
    </table>
  </div>
</div>
<script data-th-inline="javascript">
  layui.use(['jquery'], function () {
    var $ = layui.jquery,
        $view = $('#warehouseHouse-see'),
        warehouseBook = [[${warehouseBook}]];

    for (let ware of warehouseBook) {
      document.getElementById("wareData").innerHTML += '<tr>' +
          '<td>' + ware.housename + '</td>' +
          '<td>' + ware.bookname + '</td>' +
          '<td>' + ware.type + '</td>' +
          '<td>' + ware.purchasefactory + '</td>' +
          '<td>' + ware.bookmoney + '</td>' +
          '<td>' + ware.hbnumber + '</td>';
    }
  });
</script>